<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="fun(1)">点击赤色</button>
    <button onclick="fun(2)">点击橙色</button>
    <button onclick="fun(3)">点击黄色</button>
    <button onclick="fun(4)">点击绿色</button>
    <button onclick="fun(5)">点击青色</button>
    <button onclick="fun(6)">点击蓝色</button>
    <button onclick="fun(7)">点击紫色</button>
</body>
<script>
    localStorage.setItem('sitename', '世界最帅的人')
    console.log(localStorage.getItem('sitename'));
    // var arr = [
    //     {
    //         name: '张三',
    //         age: '18',
    //         sex: [
    //             {
    //                 nan: 1,
    //                 nv: 2
    //             }
    //         ]
    //     },
    //     {
    //         name: '李四',
    //         age: '20',
    //         sex: [
    //             {
    //                 nan: 1,
    //                 nv: 2
    //             }
    //         ]
    //     }
    // ]
    // localStorage.setItem('user', JSON.stringify(arr))
    // console.log(JSON.parse(localStorage.getItem('user')));

    // localStorage.removeItem('user')  删除单个
    // localStorage.clear()     // 全部删除
    // localStorage.setItem()
    // sessionStorage.setItem()



    // localStorage 关闭在打开还是关闭前选中的样子
    // function fun(num) {
    //     if (num == 1) {
    //         document.body.style = 'background:red'
    //     } else if (num == 2) {
    //         document.body.style = 'background:orange'
    //     } else if (num == 3) {
    //         document.body.style = 'background:yellow'
    //     } else if (num == 4) {
    //         document.body.style = 'background:green'
    //     } else if (num == 5) {
    //         document.body.style = 'background:cyan'
    //     } else if (num == 6) {
    //         document.body.style = 'background:blue'
    //     } else if (num == 7) {
    //         document.body.style = 'background:purple'
    //     }
    //         localStorage.setItem('num', num)
        
        
    // }
    // window.onload = function () {
    //     var b = localStorage.getItem('num')
    //     fun(b)
    // }



    // sessionStorage 关闭就没有了
    // function fun(num) {

    //     if (num == 1) {
    //         document.body.style = 'background:red'
    //     } else if (num == 2) {
    //         document.body.style = 'background:orange'
    //     } else if (num == 3) {
    //         document.body.style = 'background:yellow'
    //     } else if (num == 4) {
    //         document.body.style = 'background:green'
    //     } else if (num == 5) {
    //         document.body.style = 'background:cyan'
    //     } else if (num == 6) {
    //         document.body.style = 'background:blue'
    //     } else if (num == 7) {
    //         document.body.style = 'background:purple'
    //     }
    //     sessionStorage.setItem('num', num)

    // }
    


    // 闭包函数
    // var num = 123
    // function foo(){
    //     var num = 2
    //     function sun(){
    //         num++
    //         return num
    //     }
    //     return sum
    // }
    // var bb = foo()
    // console.log(bb());
    // console.log(bb());

</script>

</html>